<!-- menu com link interno -->
@if (menuItemInternal.type === 'internalLink') {
  <a [routerLink]="menuItemInternal.link">
    <ng-container *ngTemplateOutlet="menuItemTemplate"></ng-container>
  </a>
}

<!-- menu com link externo -->
@if (menuItemInternal.type === 'externalLink') {
  <a [href]="menuItemInternal.link">
    <ng-container *ngTemplateOutlet="menuItemTemplate"></ng-container>
  </a>
}

<!-- menu sem link -->
@if (menuItemInternal.type === 'noLink') {
  <a href="javascript:;">
    <ng-container *ngTemplateOutlet="menuItemTemplate"></ng-container>
  </a>
}

<ng-template #menuItemTemplate>
  <div
    class="po-menu-panel-item"
    p-tooltip-position="right"
    [class.po-menu-panel-item-selected]="menuItemInternal.isSelected"
    [p-tooltip]="menuItemInternal.label"
    (click)="clickMenuItem($event)"
  >
    <span class="po-icon {{ menuItemInternal.icon }}"></span>
  </div>
</ng-template>
